import React from 'react';
import classNames from 'classnames';
import { Link } from 'react-router';
import {
  Input
} from 'react-bootstrap';

class DialogSignNormal extends React.Component {

  constructor(){
    super();

    this.state = {
        chkProtocol : true
    };

  }
  handleCheckboxChange(){

    let { handleProtocolChange } = this.props;
    let currentStatus = !this.state.chkProtocol;
    this.setState({
      chkProtocol:currentStatus
    });

    handleProtocolChange(currentStatus);
  }

  render(){

      let { product } = this.props;

      return (
          <div>
          	<p>
            	我已知晓本产品为高风险产品，我确认我的风险承受能力为高风险，与产品的风险等级相匹配。并确定使用该产品，自愿承担使用该产品所带来的风险。
            </p>
            <p className="margin-top">
      				<input type="checkbox" checked={this.state.chkProtocol} onChange={this.handleCheckboxChange.bind(this)}/>
      				<small>
      					我已阅读并确定签署
                <Link to='/Protocol' className="border-bottom">
                《华西证券证券投资咨询产品（策略好股平台）使用协议》
                </Link>
      				</small>
      			</p>
            <p className="margin-top">
              <small>注：即日起，该策略的所有买卖操作，我们将以微信推送的方式发送至您的手机，请注意查收，谢谢！</small>
            </p>
            <p className="margin-top">
              <small>该策略每笔卖出操作盈利3%及以上扣除<span className="text-danger">25</span>积分。</small>
            </p>
          </div>
      );
  }
}

export default DialogSignNormal;